Passed
Push — release/webpack5 ( ae3ff7 )
by Kevin Van
11:12 queued 08:57
created

MosselfestijnPage.render   B

Complexity

Conditions 1

Size

Total Lines 52
Code Lines 41

Duplication

Lines 0
Ratio 0 %

Importance

Changes 0
Metric Value
eloc 41
dl 0
loc 52
rs 8.896
c 0
b 0
f 0
cc 1

How to fix   Long Method   

Long Method

Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.

For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.

Commonly applied refactorings include:

1
import React, { Component } from "react"
2
import { graphql } from "gatsby"
3
import Img from "gatsby-image"
4
5
import Layout from "../layouts/index"
6
7
import SEO from "../components/seo"
8
9
class MosselfestijnPage extends Component {
10
  render() {
11
    const { affiche } = this.props.data
12
    return (
13
      <Layout>
14
        <SEO
15
          lang="nl-BE"
16
          title="Mosselfestijn reservaties"
17
          description="Mosselfestijn 2020 - Inschrijvingen"
18
          path={this.props.location.pathname}
19
        />
20
        <div className={"limited-width_wrapper"}>
21
          <header>
22
            <h1>Mosselfestijn</h1>
23
          </header>
24
          <main>
25
            <p>
26
              Op vrijdag 9, zaterdag 10 en zondag 11 oktober 2020 vindt ons
27
              jaarlijkse Mosselfestijn weer plaats. Om de spreiding te kunnen
28
              garanderen en wachttijden aan de ingang zoveel mogelijk te
29
              beperken werken we dit jaar met een reservatiesysteem. Hieronder
30
              kan je zelf jouw gewenste tijdstip en gezelschap selecteren en een
31
              tafel boeken (voor 07/10/2020).
32
            </p>
33
            <p>
34
              Telefonisch reserveren kan dagelijks tussen 18u en 21u op het
35
              nummer <a href="tel:+32498735984">0498.73.59.84</a>
36
            </p>
37
            <p>
38
              Ter plaatse een tafel vragen kan, naargelang de beschikbaarheid op
39
              dat moment, maar hou er rekening mee dat we onze capaciteit hebben
40
              moeten verlagen om aan de regelgeving te kunnen voldoen. Wie zeker
41
              wil zijn van zijn plek kan beter reserveren.
42
            </p>
43
            <tbkr-bm-widget
44
              restaurant-id="34742560"
45
              source="website"
46
              use-modal="0"
47
              lang="nl"
48
              theme="light"
49
            ></tbkr-bm-widget>
50
            <script src="https://reservations.tablebooker.com/tbkr-widget-import.min.js"></script>
51
          </main>
52
          <footer>
53
          <Img
54
              fluid={{
55
                ...affiche.childImageSharp.fluid,
56
              }}
57
              alt="Mosselfestijn 2020"
58
            />
59
          </footer>
60
        </div>
61
      </Layout>
62
    )
63
  }
64
}
65
66
export const pageQuery = graphql`
67
  query {
68
    affiche: file(name: { eq: "mossel2020-affiche" }) {
69
      ...KCVVFluid960
70
    }
71
  }
72
`
73
74
export default MosselfestijnPage
75